<template>
  <div>
      <h1 class="h1">我是登录后的首页</h1>
      <button @click="goMy">去往个人中心</button>
      <div>
          <input type="text" v-model="name">
          <router-link :to="`/inner?name=${name}`">去往组件内守卫测试页面</router-link>
      </div>
      <div>
          <router-link to="/helloStore">状态HelloWorld</router-link>
      </div>
      <div>
          <router-link to="/helloEcharts">图表</router-link>
      </div>
      <div>
          <router-link to="/helloAxios">异步请求</router-link>
      </div>
      <div>
          <router-link to="/myp">生命周期</router-link>
      </div>
      <div>
          <router-link to="/vue3">Vue3</router-link>
      </div>
      <div>
          <router-link to="/setup">Setup</router-link>
      </div>
      <div>
          <router-link to="/elementplus/login">ElementPlus登陆页面</router-link>
      </div>
  </div>
</template>

<script>
export default {
    name: "Welcome",
    data() {
        return {
            name: "Hydra"
        }
    },
    methods: {
        goMy() {
            this.$router.push("/my");
        }
    },
    created() {
        console.log("生命周期created触发！");
    }
}
</script>

<style scoped>
    .h1 {
        color: #123456;
    }

</style>
